<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../../resources/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../resources/css/pluginsExt/standard/standard.css" type="text/css">
    <link rel="stylesheet" href="../../resources/css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../resources/css/plugins/bootstrap-fileinput/css/fileinput.min.css"/>
    <link rel="stylesheet" href="../../resources/css/style.css"/>
    <script src="../../resources/js/jquery-2.1.1.js"></script>
    <script src="../../resources/js/bootstrap/bootstrap.min.js"></script>
    <script src="../../resources/js/plugins/bootstrap-fileinput/fileinput.min.js"></script>
    <script src="../../resources/js/plugins/bootstrap-fileinput/locales/zh.js"></script>
    <style>
        @media (max-width: 767px){
            .hidden-xs {
                display: inline-block!important;
            }
        }
        .ibox-content{
            padding: 0;
        }
        .ibox{
            margin-bottom: 0px;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-xs-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5 class="col-xs-10">环境</h5>
                        </div>
                        <div id="ibconA" class="ibox-content collapse in">
                            <div class="well col-xs-12">
                                <div class="form-group">
                                    <div class="col-xs-12">
                                        <label for="intro-0" class="col-xs-2 control-label"><h3>方法描述：</h3></label>
                                        <div class="col-xs-10">
                                            <textarea  id="intro-0" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="方法描述"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5 class="col-xs-10">用具</h5>
                        </div>
                        <div id="ibconB" class="ibox-content collapse in">
                            <div class="well col-xs-12">
                                <div class="form-group">
                                    <div class="col-xs-12">
                                        <label for="intro-1" class="col-xs-2 control-label"><h3>方法描述：</h3></label>
                                        <div class="col-xs-10">
                                            <textarea  id="intro-1" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="方法描述"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5 class="col-xs-10">冲泡</h5>
                        </div>
                        <div id="ibconC" class="ibox-content collapse in">
                            <div class="well col-xs-12">
                                <div class="form-group">
                                    <div class="col-xs-12">
                                        <label for="intro-2" class="col-xs-2 control-label"><h3>方法描述：</h3></label>
                                        <div class="col-xs-10">
                                            <textarea  id="intro-2" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="方法描述"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5 class="col-xs-10">用水</h5>
                        </div>
                        <div id="ibconD" class="ibox-content collapse in">
                            <div class="well col-xs-12">
                                <div class="form-group">
                                    <div class="col-xs-12">
                                        <label for="intro-4" class="col-xs-2 control-label"><h3>方法描述：</h3></label>
                                        <div class="col-xs-10">
                                            <textarea  id="intro-4" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="方法描述"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    //    $("#file-0").fileinput({
    //        'allowedFileExtensions' : ['jpg', 'png','gif'],
    //        uploadUrl: 'fileupload',
    //        language: 'zh',
    //        maxFileSize: 6000,
    //        maxFilesNum: 10,
    //        showClose : false,
    //        slugCallback: function(filename) {
    //            return filename.replace('(', '_').replace(']', '_');
    //        },
    //        initialPreview:"<img src='../../img/wx.jpg' width='300px'>"
    //    })
    //收缩
    var toolsAss= $('.ibox-tools a');
    toolsAss.each(function(){
        $(this).click(function(){
            if($(this).attr('class')=='collapsed'){
                $(this).children().attr('class','fa fa-chevron-up')
            }else{
                $(this).children().attr('class','fa fa-chevron-down')
            }
        })
    })
</script>
</html>